<template>
  <div>
    <a-modal v-model:open="open" title="91卡券授权" @ok="handleOk" okText="已完成授权">
      <div style="text-align: center">
        <QuestionCircleOutlined
          style="color: #1890ff; font-size: 22px; margin-right: 12px; margin-top: 10px"
        />
        <span>请在新窗口中登录91卡券账户完成授权</span>
      </div>
    </a-modal>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const open = ref<boolean>(false)

const showModal = () => {
  open.value = true
}

const handleOk = () => {
  open.value = false
  emit('refresh')
}

const emit = defineEmits<{
  refresh: []
}>()

defineExpose({
  showModal,
})
</script>
